#Code Blocks Test
This document tests all code block features including syntax highlighting, line numbers, and line highlighting.
#Basic Code Block
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">function</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000"> greet</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">(</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000">name</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">) </span><span style="color:#0000FF">{</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#800000">></span><span style="color:#000000FF"> return</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF"> `Hello, </span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">$</span><span style="color:#0000FF">{</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">></span><span style="color:#800000"><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">name</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">}</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF">!`</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">;</span><span style="color:#800000"></span></span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">}</span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">console</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">log</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">greet</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF">'World'</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">));</span><span style="color:#800000"></span></span></span></span>#Code Block with Language
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#001080">interface</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">> </span><span style="color:#001080">User</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">id</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">number</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">name</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">string</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">email</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">string</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">createdAt</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">Date</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">class</span><span style="color:#000000"></</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">> </span><span style="color:#267F99">UserService</span><span style="color:#000000"></</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#001080">private</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">users</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">User</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>[] = [];</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#001080">async</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#001080">createUser</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">userData</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">Partial</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>&#</span><span style="color:#001080">x3C</span><span style="color:#000000">;</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">User</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>>): </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">Promise</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>&#</span><span style="color:#001080">x3C</span><span style="color:#000000">;</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">User</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>> {</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#001080">const</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0070C1"</span><span style="color:#000000">> </span><span style="color:#001080">user</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">User</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> = {</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">id</span><span style="color:#000000">:</</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">Date</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">now</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(),</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">name</span><span style="color:#000000">:</</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">userData</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">name</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> || </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'Anonymous'</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">email</span><span style="color:#000000">:</</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">userData</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">email</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> || </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">''</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">createdAt</span><span style="color:#000000">:</</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">new</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#001080">Date</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>()</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> };</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">this</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">users</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">push</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">user</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#001080">return</span><span style="color:#000000"></</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">user</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> }</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#001080">findUserById</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">id</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">number</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>): </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">User</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> | </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#0000FF">undefined</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#001080">return</span><span style="color:#000000"></</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">this</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">users</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">find</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">user</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">=></span><span style="color:#000000"></</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">user</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">id</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> === </</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">id</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> }</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>#Code Block with Line Numbers
<span class="line"><span><span class="line"><span>import { readFile, writeFile } from 'node:fs/promises';</span></span></span></span>
<span class="line"><span><span class="line"><span>import { join } from 'node:path';</span></span></span></span>
<span class="line"><span><span class="line"><span></span></span></span></span>
<span class="line"><span><span class="line"><span>async function processFile(inputPath: string, outputPath: string): Promise&#x3C;void> {</span></span></span></span>
<span class="line"><span><span class="line"><span> try {</span></span></span></span>
<span class="line"><span><span class="line"><span> // Read the input file</span></span></span></span>
<span class="line"><span><span class="line"><span> const content = await readFile(inputPath, 'utf8');</span></span></span></span>
<span class="line"><span><span class="line"><span></span></span></span></span>
<span class="line"><span><span class="line"><span> // Process the content (example: convert to uppercase)</span></span></span></span>
<span class="line"><span><span class="line"><span> const processedContent = content.toUpperCase();</span></span></span></span>
<span class="line"><span><span class="line"><span></span></span></span></span>
<span class="line"><span><span class="line"><span> // Write to output file</span></span></span></span>
<span class="line"><span><span class="line"><span> await writeFile(outputPath, processedContent, 'utf8');</span></span></span></span>
<span class="line"><span><span class="line"><span></span></span></span></span>
<span class="line"><span><span class="line"><span> console.log('File processed successfully!');</span></span></span></span>
<span class="line"><span><span class="line"><span> } catch (error) {</span></span></span></span>
<span class="line"><span><span class="line"><span> console.error('Error processing file:', error);</span></span></span></span>
<span class="line"><span><span class="line"><span> throw error;</span></span></span></span>
<span class="line"><span><span class="line"><span> }</span></span></span></span>
<span class="line"><span><span class="line"><span>}</span></span></span></span>
<span class="line"><span><span class="line"><span></span></span></span></span>
<span class="line"><span><span class="line"><span>// Usage example</span></span></span></span>
<span class="line"><span><span class="line"><span>const inputFile = './input.txt';</span></span></span></span>
<span class="line"><span><span class="line"><span>const outputFile = './output.txt';</span></span></span></span>
<span class="line"><span><span class="line"><span>processFile(inputFile, outputFile);</span></span></span></span>#Code Block with Line Highlighting
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">const</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0070C1"</span><span style="color:#800000">></span><span style="color:#000000"> express</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000"> = </span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000">require</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">(</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000">'express'</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">);</span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">const</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0070C1"</span><span style="color:#800000">></span><span style="color:#000000"> app</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000"> = </span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000">express</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">();</span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">const</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0070C1"</span><span style="color:#800000">></span><span style="color:#000000"> port</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000"> = </span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#800000">></span><span style="color:#000000">3000</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">;</span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#800000">></span><span style="color:#000000">// Middleware setup</span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000">app</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">.</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000">use</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">(</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000">express</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">.</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000">json</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">());</span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000">app</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">.</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000">use</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">(</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000">express</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">.</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000">urlencoded</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">(</span><span style="color:#0000FF">{</span><span style="color:#000000"> </</span><span style="color:#001080">span</span><span style="color:#000000">></span><span style="color:#800000"><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">extended:</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF"> true</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF"> }));</span><span style="color:#800000"></span></span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#800000">></span><span style="color:#000000FF">// Routes</span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">app</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">get</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF">'/'</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">, (</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">req</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">, </span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">res</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">) </span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">=></span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#0000FF"> {</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF"> res</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">json</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#0000FF">{</span><span style="color:#000000"> </</span><span style="color:#001080">span</span><span style="color:#000000">></span><span style="color:#800000"><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">message:</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF"> 'Hello World!'</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF"> });</span><span style="color:#800000"></span></span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">});</span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">app</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">post</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF">'/users'</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">, (</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">req</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">, </span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">res</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">) </span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">=></span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#0000FF"> {</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF"> const</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0070C1"</span><span style="color:#800000">></span><span style="color:#000000FF"> user</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF"> = </span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">req</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">body</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">;</span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#800000">></span><span style="color:#000000FF"> // Process user data here</span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF"> res</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">status</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#800000">></span><span style="color:#000000FF">201</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">).</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">json</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">user</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">);</span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">});</span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">app</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">listen</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">port</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">, () </span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">=></span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#0000FF"> {</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF"> console</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">.</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#800000">></span><span style="color:#000000FF">log</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">(</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF">`Server running on port </span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">$</span><span style="color:#0000FF">{</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">></span><span style="color:#800000"><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#800000">></span><span style="color:#000000FF">port</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000FF">}</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#800000">></span><span style="color:#000000FF">`</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">);</span><span style="color:#800000"></span></span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000FF">});</span><span style="color:#800000"></span></span></span></span>#Code Block with Range Highlighting
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">import</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> asyncio</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">import</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> aiohttp</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">from</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> typing </span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">import</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> List, Dict, Any</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#AF00DB">async</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">def</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> fetch_user_data</span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span style=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>user_id</span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </span><span style=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">int</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) </span><span style="color:#CD3131">-></span><span style="color:#000000"> Dict[</span><span style=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">str</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, Any]:</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"""Fetch user data from API"""</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">async</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">with</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> aiohttp.ClientSession() </span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">as</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> session:</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">async</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">with</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> session.get(</span><span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">>f</span><span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'https://api.example.com/users/</span><span style="color:#0000FF">{</span><span style="color:#000000">user_id</span><span style="color:#0000FF">}</span><span style="color:#A31515">'</span><span style="color:#000000"></span><span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) </span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">as</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> response:</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">return</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">await</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> response.json()</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#AF00DB">async</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">def</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> process_users</span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span style=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>user_ids</span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: List[</span><span style=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">int</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>]) </span><span style="color:#CD3131">-></span><span style="color:#000000"> List[Dict[</span><span style=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">str</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, Any]]:</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"""Process multiple users concurrently"""</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> tasks = [fetch_user_data(user_id) </span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">for</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> user_id </span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">in</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> user_ids]</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">return</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">await</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> asyncio.gather(*tasks)</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000"># Usage</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#AF00DB">async</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">def</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> main</span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>():</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> user_ids = [</span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">1</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">2</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">3</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">4</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">5</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>]</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> users_data = </span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">await</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> process_users(user_ids)</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">print</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">>f</span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"Processed </span><span style="</span><span style="color:#000000">color:</span><span style="color:#008000">#0000FF">{</span><span style="color:#795E26">len</span><span style="color:#000000">(users_data)</span><span style="color:#0000FF">}</span><span style="color:#A31515"> users"</span><span style="color:#000000">)</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">if</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">__name__</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> == </span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"__main__"</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>:</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> asyncio.run(main())</span></span></span></span>#Multiple Code Blocks
#HTML Example
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">!DOCTYPE</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> html</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">html</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> lang</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"en"</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">head></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">meta</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> charset</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"UTF-8"</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">meta</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> name</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"viewport"</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> content</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"width=device-width, initial-scale=1.0"</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">title></span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">Sample Page</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">/title></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">link</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> rel</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"stylesheet"</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> href</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"styles.css"</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">/head></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">body></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">header></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">h1></span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">Welcome to My Website</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">/h1></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">nav></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">ul></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">li></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">a</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> href</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"/"</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">Home</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">/a></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">/li></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">li></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">a</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> href</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"/about"</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">About</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">/a></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">/li></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">li></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">a</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#E50000"</span><span style="color:#800000">></span><span style="color:#000000"> href</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">=</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#0000FF"</span><span style="color:#800000">></span><span style="color:#000000">"/contact"</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#000000">></span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">Contact</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">/a></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">/li></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">/ul></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">/nav></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">/header></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">main></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">section></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">h2></span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">About This Site</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">/h2></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">p></span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#000000"</span><span style="color:#800000">></span><span style="color:#000000">This is a sample website built with HTML and CSS.</span><span style="color:#800000"></span><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">/p></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">/section></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF"> &#x3C;</span><span style="color:#000000">/main></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">/body></span><span style="color:#800000"></span></span></span></span>
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#0000FF">"line"</span><span style="color:#800000">><span</span><span style="color:#E50000"> style</span><span style="color:#000000">=</span><span style="color:#0000FF">"color:#800000"</span><span style="color:#800000">></span><span style="color:#0000FF">&#x3C;</span><span style="color:#000000">/html></span><span style="color:#800000"></span></span></span></span>#CSS Example
<span class="line"><span style="color:#000000"><</span><span style="color:#800000">span</span><span style="color:#000000"> class="line"><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#008000</span><span style="color:#000000">"></span><span style="color:#008000">/* Reset and base styles */</span><span style="color:#000000"></</span><span style="color:#800000">span</span><span style="color:#000000">></</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#800000">span</span><span style="color:#000000"> class="line"><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">"></span><span style="color:#800000">*</span><span style="color:#000000"></</span><span style="color:#800000">span</span><span style="color:#000000">><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#000000</span><span style="color:#000000">"> {</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">"> margin</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: </span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#098658</span><span style="color:#A31515">">0</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">> </span><span style="color:#0451A5">padding</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">0</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">"> box-sizing</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: </span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">border-box</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}</</span><span style="color:#800000">span</span><span style="color:#000000">></</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#800000">span</span><span style="color:#000000"> class="line"></</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#800000">span</span><span style="color:#000000"> class="line"><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">">body</</span><span style="color:#800000">span</span><span style="color:#000000">><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#000000</span><span style="color:#000000">"> {</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">"> font-family</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: </span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#A31515</span><span style="color:#A31515">">'Arial'</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">, </span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">sans-serif</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">> line-height</span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">1.6</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">"> color</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: </span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">#333</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">> background-color</span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0451A5"</span><span style="color:#000000">></span><span style="color:#0451A5">#f4f4f4</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>}</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#800000"</span><span style="color:#000000">>.container</span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">> max-width</span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">1200px</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">"> margin</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: </span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#098658</span><span style="color:#A31515">">0</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">"> auto</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">> </span><span style="color:#0451A5">padding</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">0</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">20px</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>}</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#800000"</span><span style="color:#000000">>header</span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">> </span><span style="color:#CD3131">background</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">>linear-gradient</span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">135deg</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0451A5"</span><span style="color:#000000">></span><span style="color:#0451A5">#667eea</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">0%</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0451A5"</span><span style="color:#000000">></span><span style="color:#0451A5">#764ba2</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">100%</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">"> color</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: </span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">white</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">> </span><span style="color:#0451A5">padding</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">2rem</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">0</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">"> text-align</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: </span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">center</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}</</span><span style="color:#800000">span</span><span style="color:#000000">></</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#800000">span</span><span style="color:#000000"> class="line"></</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#800000">span</span><span style="color:#000000"> class="line"><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">">nav</</span><span style="color:#800000">span</span><span style="color:#000000">><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">"> ul</</span><span style="color:#800000">span</span><span style="color:#000000">><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#000000</span><span style="color:#000000">"> {</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">"> list-style</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: </span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">none</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">> </span><span style="color:#0451A5">padding</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">0</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>}</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#800000"</span><span style="color:#000000">>nav</span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#800000"</span><span style="color:#000000">> ul</span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#800000"</span><span style="color:#000000">> li</span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">> display</span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0451A5"</span><span style="color:#000000">></span><span style="color:#0451A5">inline</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">"> margin</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: </span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#098658</span><span style="color:#A31515">">0</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#098658</span><span style="color:#A31515">"> 1rem</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}</</span><span style="color:#800000">span</span><span style="color:#000000">></</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#800000">span</span><span style="color:#000000"> class="line"></</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#800000">span</span><span style="color:#000000"> class="line"><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">">nav</</span><span style="color:#800000">span</span><span style="color:#000000">><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">"> a</</span><span style="color:#800000">span</span><span style="color:#000000">><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#000000</span><span style="color:#000000">"> {</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">"> color</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: </span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#0451A5</span><span style="color:#A31515">">white</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#E50000"</span><span style="color:#000000">> text-decoration</span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0451A5"</span><span style="color:#000000">></span><span style="color:#0451A5">none</span><span style="color:#000000"></span><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">"> transition</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: opacity </span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#098658</span><span style="color:#A31515">">0.3s</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}</</span><span style="color:#800000">span</span><span style="color:#000000">></</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#800000">span</span><span style="color:#000000"> class="line"></</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#800000">span</span><span style="color:#000000"> class="line"><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">">nav</</span><span style="color:#800000">span</span><span style="color:#000000">><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#800000</span><span style="color:#000000">"> </span><span style="color:#800000">a:hover</span><span style="color:#000000"></</span><span style="color:#800000">span</span><span style="color:#000000">><</span><span style="color:#800000">span</span><span style="color:#000000"> style="color:</span><span style="color:#CD3131">#000000</span><span style="color:#000000">"> {</</span><span style="color:#E50000">span</span><span style="color:#000000">></</span><span style="color:#E50000">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#E50000">span</span><span style="color:#000000"> class="</span><span style="color:#E50000">line</span><span style="color:#000000">"><</span><span style="color:#E50000">span</span><span style="color:#E50000"> style</span><span style="color:#000000">="</span><span style="color:#E50000">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#E50000</span><span style="color:#A31515">"> opacity</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">">: </span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#098658</span><span style="color:#A31515">">0.8</span><span style="</span><span style="color:#0451A5">color</span><span style="color:#000000">:</span><span style="color:#0451A5">#000000</span><span style="color:#A31515">"</span><span style="color:#CD3131">>;</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span </span><span style="color:#0451A5">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}</</span><span style="color:#800000">span</span><span style="color:#000000">></</span><span style="color:#800000">span</span><span style="color:#000000">></span></span>#JSON Example
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>{</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "name"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"bunpress"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "version"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"1.0.0"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "description"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"Modern documentation engine"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "main"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"dist/index.js"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "scripts"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: {</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "build"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"bun run build.ts"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "test"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"bun test"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "dev"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"bun --watch src/index.ts"</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#A31515">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000"> },</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "dependencies"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: {</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "@unocss/runtime"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"^0.58.0"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "marked"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"^12.0.0"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "shiki"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"^1.3.0"</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#A31515">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000"> },</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "devDependencies"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: {</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "@types/node"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"^20.0.0"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "bun-types"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"^1.0.0"</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#A31515">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000"> },</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "keywords"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: [</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"documentation"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">, </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"markdown"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">, </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"static-site"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">],</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "author"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"BunPress Team"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">,</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#0451A5">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#0451A5"</span><span style="color:#CD3131">></span><span style="color:#0451A5"> "license"</span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#0451A5">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">: </span><span style="color:#CD3131"></span><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#CD3131">></span><span style="color:#A31515">"MIT"</span><span style="color:#CD3131"></span></span></span></span>
<span class="line"><span style="color:#CD3131"><span</span><span style="color:#CD3131"> class=</span><span style="color:#A31515">"line"</span><span style="color:#CD3131">><span</span><span style="color:#CD3131"> style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#CD3131">></span><span style="color:#000000">}</span></span></span></span>#Code Blocks in Lists
First, install the dependencies:
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#A31515">npm</span><span style="color:#000000"><</span><span style="color:#A31515">/span</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#795E26">install</span><span style="color:#000000"></span><span </span><span style="color:#A31515">style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">bunpress</span><span style="color:#000000"><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>Create a configuration file:
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#0000FF">export</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">default</span><span style="color:#000000"></</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {</span></span></span></span> <span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">title</span><span style="color:#000000">:</</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">'My Documentation'</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,</span></span></span></span> <span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">theme</span><span style="color:#000000">:</</span><span style="color:#267F99">span</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">'default'</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span> <span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#267F99">span</span><span style="color:#267F99"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#267F99">span</span><span style="color:#000000">></span></span>Build your documentation:
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#A31515">npx</span><span style="color:#000000"><</span><span style="color:#A31515">/span</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#795E26">bunpress</span><span style="color:#000000"></span><span </span><span style="color:#A31515">style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">build</span><span style="color:#000000"><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
#Code Blocks with Special Characters
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000">-- Create users table</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">CREATE</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">TABLE</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> users</span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> (</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> id </span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">SERIAL</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">PRIMARY KEY</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> username </span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">VARCHAR</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">50</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) </span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">UNIQUE</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">NOT NULL</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> email </span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">VARCHAR</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">255</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) </span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">UNIQUE</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">NOT NULL</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> password_hash </span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">VARCHAR</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">255</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) </span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">NOT NULL</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>,</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> created_at </span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">TIMESTAMP</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">DEFAULT</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> CURRENT_TIMESTAMP,</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> updated_at </span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">TIMESTAMP</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">DEFAULT</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> CURRENT_TIMESTAMP</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000">-- Insert sample data</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">INSERT INTO</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> users (username, email, password_hash) </span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">VALUES</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'admin'</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'admin@example.com'</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'$2b$10$...'</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>),</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'user1'</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'user1@example.com'</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'$2b$10$...'</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000">-- Query users</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">SELECT</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> id, username, email, created_at</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">FROM</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> users</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">WHERE</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> created_at > </span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">'2024-01-01'</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">ORDER BY</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> created_at </span><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">DESC</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</span></span></span></span>#Inline Code
This is inline code within a paragraph. You can also use const variable = 'value' or functionName() for inline code examples.
#Code Blocks with Unicode
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">use</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">> </span><span style="color:#001080">std</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>::</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#001080">collections</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>::</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">HashMap</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">fn</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#001080">main</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>() {</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">let</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">mut</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">users</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">HashMap</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>&#x3C;</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">String</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">String</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>> = </</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">HashMap</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>::</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">new</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>();</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">> </span><span style="color:#008000">// 用户数据 (Chinese comments)</span></span></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">users</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">insert</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"admin"</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">to_string</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(), </</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"管理员"</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">to_string</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>());</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">users</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">insert</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"user1"</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">to_string</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(), </</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"用户1"</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>.</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#001080">to_string</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>());</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">> </span><span style="color:#008000">// 遍历用户 (Iterate through users)</span></span></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">for</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> (</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">key</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">value</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) </</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">in</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> &#</span><span style="color:#001080">x26</span><span style="color:#000000">;</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">users</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">println!</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"{}: {}"</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">key</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">value</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> }</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">> </span><span style="color:#008000">// 特殊字符 (Special characters)</span></span></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">let</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">> </span><span style="color:#001080">symbols</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> = </</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"∑∆∞√∫αβγδεζηθικλμνξοπρστυφχψω"</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>;</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">println!</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"Mathematical symbols: {}"</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">symbols</span><span style="color:#000000"></</span><span style="color:#001080">span</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>);</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><</span><span style="color:#001080">span</span><span style="color:#001080"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#001080">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}</</span><span style="color:#001080">span</span><span style="color:#000000">></</span><span style="color:#001080">span</span><span style="color:#000000">></span></span>#Empty Code Block
<span class="line"><span><span class="line"><span></span></span></span></span>#Code Block with Only Whitespace
<span class="line"><span style="color:#800000"><span</span><span style="color:#E50000"> class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#800000">></span></span></span>#Very Long Code Block
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">def</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> fibonacci_generator</span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span style=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">>n</span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>: </span><span style=</span><span style="color:#A31515">"color:#267F99"</span><span style="color:#000000">></span><span style="color:#267F99">int</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>):</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"""</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> Generate the first n Fibonacci numbers using a generator.</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> This function demonstrates:</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> - Generator functions in Python</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> - Type hints</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> - Docstrings</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> - Fibonacci sequence calculation</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> - Efficient memory usage</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> Args:</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> n (int): Number of Fibonacci numbers to generate</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> Yields:</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> int: Next Fibonacci number in sequence</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> Example:</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#AF00DB"> >>> </span><span style="color:#A31515">list(fibonacci_generator(10))</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> [0, 1, 1, 2, 3, 5, 8, 13, 21, 34]</span></span></span></span>
<span class="line"><span style="color:#A31515"><span class="line"><span style="color:#A31515"> """</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">if</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> n &</span><span style="color:#008000">#x3C;= </span><span style="color:#098658">0</span><span style="color:#000000">:</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">return</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">> </span><span style="color:#008000"># First Fibonacci number</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">yield</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">0</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">if</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> n == </span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">1</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>:</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">return</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">> </span><span style="color:#008000"># Second Fibonacci number</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">yield</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">1</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">if</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> n == </span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">2</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>:</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">return</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">> </span><span style="color:#008000"># Generate remaining numbers</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> a, b = </span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">0</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, </span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">1</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">for</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> _ </span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">in</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">range</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">2</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>, n):</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> a, b = b, a + b</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">yield</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> b</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000"># Usage examples</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#795E26">print</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"First 15 Fibonacci numbers:"</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>)</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">for</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> i, fib </span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">in</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">enumerate</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(fibonacci_generator(</span><span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">15</span><span style="color:#000000"></span><span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>), </span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">1</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>):</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">print</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"2d"</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>)</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#0000FF">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#795E26">print</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(</span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"</span><span style="</span><span style="color:#000000">color:</span><span style="color:#008000">#EE0000">\\</span><span style="color:#A31515">nFibonacci numbers less than 100:"</span><span style="color:#000000">)</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>fib_nums = []</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">for</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> fib </span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">in</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> fibonacci_generator(</span><span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">20</span><span style="color:#000000"></span><span </span><span style="color:#001080">style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>):</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">if</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> fib >= </span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">100</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>:</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">break</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> fib_nums.append(fib)</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#AF00DB">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#795E26">print</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>(fib_nums)</span></span></span></span>#Code Block with Mixed Languages in Same File
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">>#!</span><span style="color:#795E26">/bin/bash</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">># Build script </span><span style="color:#AF00DB">for</span><span style="color:#000000"> BunPress</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#A31515">echo</span><span style="color:#000000"><</span><span style="color:#A31515">/span</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"Building BunPress documentation..."</span><span style="color:#000000"><</span><span style="color:#A31515">/span</span><span style="color:#000000">><</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">># Install dependencies</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#A31515">npm</span><span style="color:#000000"><</span><span style="color:#A31515">/span</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#795E26">install</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">># Build the project</span></span></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#A31515">npm</span><span style="color:#000000"><</span><span style="color:#A31515">/span</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#795E26">run</span><span style="color:#000000"></span><span </span><span style="color:#A31515">style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">build</span><span style="color:#000000"><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">># Check </span><span style="color:#AF00DB">if</span><span style="color:#795E26"> build</span><span style="color:#A31515"> was</span><span style="color:#A31515"> successful</span><span style="color:#000000"><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#A31515">if</span><span style="color:#000000"><</span><span style="color:#A31515">/span</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> </span><span style="color:#795E26">[</span><span style="color:#000000"> <</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">span</span><span style="color:#A31515"> style="color:#0000FF"</span><span style="color:#000000">></span><span style="color:#0000FF">$?</span><span style="color:#000000"><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">span</span><span style="color:#A31515"> style="color:#000000"</span><span style="color:#000000">> </span><span style="color:#0000FF">-eq</span><span style="color:#000000"> <</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">span</span><span style="color:#A31515"> style="color:#098658"</span><span style="color:#000000">></span><span style="color:#A31515">0</span><span style="color:#000000"><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">span</span><span style="color:#A31515"> style="color:#000000"</span><span style="color:#000000">> </span><span style="color:#A31515">]</span><span style="color:#000000">; <</span><span style="color:#795E26">/span</span><span style="color:#000000">><span </span><span style="color:#A31515">style="color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#A31515">then</span><span style="color:#000000"><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">echo</span><span style="color:#000000"></span><span </span><span style="color:#A31515">style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"✅ Build successful!"</span><span style="color:#000000"><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">echo</span><span style="color:#000000"></span><span </span><span style="color:#A31515">style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"📁 Output files:"</span><span style="color:#000000"><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">ls</span><span style="color:#000000"></span><span </span><span style="color:#A31515">style="color:#0000FF"</span><span style="color:#000000">> </span><span style="color:#0000FF">-la</span><span style="color:#000000"><</span><span style="color:#0000FF">/span><span</span><span style="color:#A31515"> style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">dist/</span><span style="color:#000000"><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#A31515">else</span><span style="color:#000000"><</span><span style="color:#A31515">/span</span><span style="color:#000000">><</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">echo</span><span style="color:#000000"></span><span </span><span style="color:#A31515">style="color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"❌ Build failed!"</span><span style="color:#000000"><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">exit</span><span style="color:#000000"></span><span </span><span style="color:#A31515">style="color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">1</span><span style="color:#000000"><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n><</span><span style="color:#A31515">/spa</span><span style="color:#000000">n></span></span>
<span class="line"><span style="color:#000000"><span </span><span style="color:#001080">class</span><span style="color:#000000">=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><</span><span style="color:#A31515">span</span><span style="color:#001080"> style</span><span style="color:#000000">=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#A31515">fi</span><span style="color:#000000"><</span><span style="color:#A31515">/span</span><span style="color:#000000">><</span><span style="color:#A31515">/span</span><span style="color:#000000">></span></span><span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000"># PowerShell build script (alternative)</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#795E26">Write-Host</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"Building BunPress documentation..."</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -ForegroundColor Green</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000"># Install dependencies</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>npm install</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000"># Build the project</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>npm run build</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#008000"</span><span style="color:#000000">></span><span style="color:#008000"># Check build result</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">if</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> (</span><span style=</span><span style="color:#A31515">"color:#001080"</span><span style="color:#000000">></span><span style="color:#001080">$LASTEXITCODE</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -eq </span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">></span><span style="color:#098658">0</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>) {</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">Write-Host</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"✅ Build successful!"</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -ForegroundColor Green</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">Write-Host</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"📁 Output files:"</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -ForegroundColor Cyan</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">Get-ChildItem</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -Path </span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">></span><span style="color:#A31515">"dist"</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -Recurse | </span><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">></span><span style="color:#795E26">Format-Table</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> Name, Length</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>} </span><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">></span><span style="color:#AF00DB">else</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> {</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#795E26"</span><span style="color:#000000">> </span><span style="color:#795E26">Write-Host</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#A31515"</span><span style="color:#000000">> </span><span style="color:#A31515">"❌ Build failed!"</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">> -ForegroundColor Red</span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#AF00DB"</span><span style="color:#000000">> </span><span style="color:#AF00DB">exit</span><span style="color:#000000"></span><span style=</span><span style="color:#A31515">"color:#098658"</span><span style="color:#000000">> </span><span style="color:#098658">1</span><span style="color:#000000"></span></span></span></span>
<span class="line"><span style="color:#000000"><span class=</span><span style="color:#A31515">"line"</span><span style="color:#000000">><span style=</span><span style="color:#A31515">"color:#000000"</span><span style="color:#000000">>}</span></span></span></span>